home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 123 / MacAddict_123_2006_11.iso / Software / Internet & Communication / Sandvox 1.0.4.dmg / Sandvox.app / Contents / Designs / Open All Night.svxDesign / main.css < prev    next >
Cascading Style Sheet File  |  2006-08-04  |  18KB  |  1,012 lines
  1. /* 
  2.    css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
  3.    css released under Creative Commons License 
  4.         - http://creativecommons.org/licenses/by-sa/2.5/ 
  5.    All associated graphics belong to their respective owners 
  6.         and are licensed separately. 
  7. */
  8.  
  9. a img { border: none; }
  10.  
  11.  /* General styles  */
  12.  
  13. .clear {
  14.     clear: both;
  15.     height: 0;
  16. }
  17.  
  18. .hidden {
  19.     display:none;
  20. }
  21.  
  22. /* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */
  23. img.narrow {
  24.      clear:right;
  25.     display: block;
  26.     float: right;
  27. }
  28. img.wide {
  29.      clear:both;
  30.     display: block;
  31. }
  32.  
  33. /* Block Level formatting, more or less in descending order */
  34.  
  35. body {
  36.     font-size: 76%;
  37.     margin: 0;
  38.     background: url(solid_bkgd.jpg);
  39.     font-family: Georgia, Times, serif;
  40.     word-wrap:break-word;
  41. }
  42.  
  43. #page-container {
  44.     background: url(bkgd.jpg) top repeat-x;
  45. }
  46.  
  47. #page {
  48.     margin: auto;
  49.     width: 771px;
  50.     background:  url(background.jpg) white repeat-y;
  51. }
  52.  
  53. body.no-sidebar #page {
  54.     background: url(background_no_sidebar.jpg) white repeat-y;
  55. }
  56.  
  57. #page-top {
  58.     margin:0;
  59.     background: url(top.jpg) top no-repeat;
  60. }
  61.  
  62. #title {
  63.     padding: 0;
  64.     text-decoration:none;
  65.     margin: 0;
  66.     height: 225px;
  67.     margin-bottom: 25px;
  68.     overflow: hidden;
  69. }
  70.  
  71. #title a {
  72.     text-decoration:none;
  73. }
  74.  
  75.  
  76. /* title fonts */
  77. h1, #sitemenu-content li, .pagelet h4, h2, h3, #page-bottom p, .caption { 
  78.     font-family: Futura, Helvetica,  Arial, Verdana,  sans-serif;
  79. }
  80.  
  81. .replaced, #title p {
  82.     font-family: "Digital Kauno", Futura, Helvetica,  Arial, sans-serif; 
  83.     /* size and font we really want */
  84. }    
  85.  
  86.  
  87. h1 {
  88.     font-size: 1.8em;
  89.     text-align: center!important;
  90.     color: white;
  91.     margin:70px 0px 0px 55px;    
  92.     display: block;
  93.     width:450px;
  94.     height:75px!important;
  95.     text-shadow: 0px 1px 2px black;
  96.     overflow:hidden;
  97. }
  98.  
  99. h1.TurnOffReplace {
  100.     height:75px!important;
  101.     padding-top:0px;
  102. }
  103.  
  104. h1 a {
  105.     text-decoration:none;
  106.     border:none;
  107.     color: white;
  108. }
  109.  
  110. h1 a:hover, a:focus, a:active {
  111.     text-decoration: underline;
  112. }
  113.  
  114. #title p {
  115.     font-size: 1.1em;
  116.     text-transform: uppercase;
  117.     text-align: center;
  118.     width:450px;
  119.     height:45px;
  120.     margin:20px 0px 0px 55px;
  121.     padding:0px;
  122.     color: white;
  123.     text-shadow: 0px 1px 2px black;
  124. }
  125.  
  126. /* IE Hack */
  127.  
  128. /* Hides from IE5-mac \*/
  129. * html #title p {
  130.     height: 1%;
  131. }
  132. /* End hide from IE5-mac */
  133.  
  134.  
  135. #logo-container{
  136.     margin-top: 33px;
  137.     margin-right: 39px;
  138.     margin-left:-10px;
  139.     width: 228px;
  140.     height: 164px;
  141.     background: url(title_image_bkgd.jpg) no-repeat;
  142.     float: right;
  143.     padding:0;
  144.     text-align: center;
  145. }
  146.  
  147. #title img {
  148.     padding-top: 18px;
  149.     padding-right: 13px;
  150.     margin-left: 10px;
  151. }
  152.  
  153. #title a {
  154.     border:none;
  155. }
  156.  
  157. /* Hides from IE5-mac \*/
  158. * html #logo-container{
  159.     margin-top: auto;
  160.     margin-right: auto;
  161.     margin-left: auto;
  162.     width: auto;
  163.     height: auto;
  164.     background: none;
  165.     float: none;
  166.     position: relative;
  167.     padding: 0;
  168.     text-align: center;
  169. }
  170.  
  171. * html #title img{
  172.     float: right;
  173.     padding-top: 45px;
  174.     padding-right: 50px;
  175.     margin-left: 10px;
  176. }
  177.  
  178. /* End hide from IE5-mac */
  179.  
  180.  
  181. #sitemenu-container {
  182.     background: url(top_bottom.jpg) no-repeat bottom;
  183.     clear: both;
  184.     padding-top: 0px;
  185.     height: 76px;
  186.     margin-top: 0px;
  187.     margin-bottom: 12px;
  188. }
  189.  
  190. /* Hides from IE5-mac \*/
  191. * html #sitemenu-container {
  192.     margin-bottom: -3px;
  193. }
  194. /* End hide from IE5-mac */
  195.  
  196. body.no-sidebar #sitemenu-container {
  197.     background: url(top_bottom_no_sidebar.jpg) no-repeat bottom;
  198. }
  199.  
  200. #sitemenu {
  201.     clear: both;
  202.     margin: auto;
  203.     padding: 0;
  204.     padding-top: 1px;
  205.     background: none;
  206. }
  207.  
  208. #sitemenu-content ul {
  209.     text-align: center;
  210.     padding:10px 35px 0px 35px;
  211.     margin-top: -14px;
  212.     height: 49px;
  213.     overflow: hidden;
  214.     background: none;
  215. }
  216.  
  217. /* Hides from IE5-mac \*/
  218. * html #sitemenu-content ul {
  219.     margin-left: 0;
  220.     padding-top:0px!important;
  221.     height:59px!important;
  222. }
  223. /* End hide from IE5-mac */
  224.  
  225. #sitemenu-content li {
  226.     font-size: 0.9em;
  227.     text-transform: uppercase;
  228.     padding: 0;
  229.     margin: 0;
  230.     margin-top: 10px;
  231.     text-shadow: 0px 1px 2px black;
  232.     color: rgb(50, 50, 50);
  233.     background: url(link_right.jpg) right no-repeat;
  234.     height: 39px;
  235.     display: block;
  236.     float: left;
  237.     overflow:hidden;
  238. }
  239.  
  240. /* Hides from IE5-mac \*/
  241. * html #sitemenu-content li {
  242.     display:inline!important;
  243.     padding:0px!important;
  244.     margin: 0px!important;
  245.     height:58px!important;
  246.     overflow:hidden!important;
  247. }
  248. /* End hide from IE5-mac */
  249.  
  250. #sitemenu-content li  span.in  {
  251.     background: url(link_left.jpg) left no-repeat;
  252.     height: 39px;
  253.     display: block;
  254.     padding-left: 15px;
  255.     padding-right: 15px;
  256.     padding-top: 24px;
  257.     margin-top: -12px;
  258. }
  259.  
  260. /* Hides from IE5-mac \*/
  261. * html #sitemenu-content span.in {
  262.     display: inline-block!important;
  263.     margin:0px 0px 0px 0px!important;
  264.     padding:30px 10px 10px 13px !important;
  265.     height:39px!important;
  266.     overflow:hidden!important;
  267. }
  268. /* End hide from IE5-mac */
  269.  
  270.  
  271. #sitemenu-content a{
  272.     text-decoration: none;
  273.     border:none;
  274.     color: white;
  275. }
  276.  
  277. #sitemenu-content li.currentPage span.in  {
  278.     text-shadow: 0px 0px 5px rgb(236, 0, 140);
  279.     color: white;
  280.     text-decoration: underline;
  281. }
  282.  
  283. #sitemenu-content a:hover, a:focus{
  284.     color: white;
  285.     text-shadow: 0px 0px 5px rgb(236, 0, 140);
  286.     text-decoration: underline;
  287. }
  288.  
  289. #sitemenu-content a:active {
  290.     text-shadow: 0px 0px 5px rgb(236, 0, 140);
  291.     color: rgb(236, 0, 140);
  292. }
  293.  
  294. #page-content {
  295.     width: 736px;
  296.     margin: auto;
  297.     clear: both;
  298.     min-height: 200px;
  299. }
  300.  
  301. body.no-sidebar #page-content {
  302.     width: 736px;
  303. }
  304.  
  305. #sidebar {
  306.     float: right;
  307.     width: 209px;
  308.     word-wrap: break-word;
  309.     font-size: 0.8em;
  310.     text-align: center;
  311.     margin-right: 29px;
  312.     margin-top: -25px;
  313. }
  314.  
  315. .photo-page #sidebar {
  316.     margin-top:80px;
  317. }
  318.  
  319. /* IE Hack */
  320.  
  321. /* Hides from IE5-mac \*/
  322. * html #sidebar {
  323.     margin-right: 7px;
  324.     position: relative;
  325.     z-index: 1000;
  326. }
  327. /* End hide from IE5-mac */
  328.  
  329. #sidebar p, .pagelet table {
  330.     margin-left: 10px;
  331.     margin-right: 10px;
  332.     text-align: left;
  333. }
  334.  
  335. #main .pagelet table {
  336.     margin-right:13px;
  337. }
  338.  
  339. #sidebar ul {
  340.     text-align:left;
  341. }
  342.  
  343.  
  344. .pagelet {
  345.     padding-top:12px;
  346.     width:224px;
  347.     word-wrap:break-word;
  348.     overflow:hidden;
  349. }
  350.  
  351. .pagelet h4 {
  352.     font-size: 1.5em;
  353.     font-weight: normal;
  354.     color: black;
  355.     text-shadow: 0px 1px 1px white;
  356.     text-align: center;
  357.     margin: 5px 15px 0px 10px;
  358.     text-transform: uppercase;
  359. }
  360.  
  361. #sidebar .pagelet h4 {
  362.     margin-right:10px;
  363. }
  364.  
  365. .pagelet h4.replaced {
  366.     font-size: 4em;
  367.     line-height: 0.8em;
  368.     text-transform: none;
  369. }
  370.  
  371. /* photo-page, html-page (in some cases), iframe-page don't have sidebar */
  372. body.no-sidebar #main {
  373.     margin-left: 19px;
  374.     margin-right: 19px;
  375.     font-size: 1em;
  376. }
  377.  
  378. /* Most other pages have sidebars */
  379. body.allow-sidebar #main {
  380.     margin-left: 19px;
  381.     float: left;
  382.     width: 471px;
  383.     font-size: 1em;
  384. }
  385.  
  386. /* IE Hack */
  387.  
  388. /* Hides from IE5-mac \*/
  389. * html .body.allow-sidebar #main {
  390.     margin:0;
  391.     padding:0;
  392.     margin-left: 9px;
  393.     position: relative;
  394.     z-index: 2000;
  395. }
  396. /* End hide from IE5-mac */
  397.  
  398. h2 {
  399.     display: block;
  400.     font-weight: normal;
  401.     font-size: 2em; 
  402.     line-height: 0.85em;
  403.     color: white;
  404.     text-align: center;
  405.     text-shadow: 0px 1px 2px black;
  406.     background: url(page_title_top.jpg) top left no-repeat;
  407.     padding-top: 30px;
  408.     margin-top: -38px;
  409.     margin-left: 4px;
  410.     margin-bottom: 0px;
  411.     position: relative;
  412.     z-index: 3000;
  413. }
  414.  
  415. h2.replaced {
  416.     font-size: 4em;
  417.     line-height: 0.7em;
  418. }
  419.  
  420. h2 span.in {
  421.     display: block;
  422.     background: url(page_title_bottom.jpg) bottom left no-repeat;
  423.     padding: 10px 20px 40px 23px;
  424.     line-height:1.5em;
  425. }
  426.  
  427. h2.replaced span.in {
  428.     padding:23px 20px 38px 20px;
  429. }
  430.  
  431. body.no-sidebar h2 {
  432.     margin-left: 119px !important;
  433.     margin-right:115px !important;
  434.     background: url(page_title_top_no_sidebar.jpg)  top center no-repeat;
  435. }
  436.  
  437. body.no-sidebar h2 span.in {
  438.     background: url(page_title_bottom.jpg) bottom center no-repeat;
  439.     padding-left:18px;
  440. }
  441.  
  442. div.photo-page h2 {
  443.     background: url(page_title_top.jpg) top left no-repeat !important;
  444.     margin-left: 4px!important;
  445.     width: 465px!important;
  446. }
  447.  
  448. .photo-page h2 span.in {
  449.     background: url(page_title_bottom.jpg) bottom left no-repeat !important;
  450. }
  451.  
  452. #main ul {
  453.     list-style: none;
  454.     padding: 0;
  455.     margin: 0;
  456.     margin-left: 10px;
  457. }
  458.  
  459. ul ul {
  460.     margin-top:4px!important;
  461. }
  462.  
  463. #main li {
  464.     background: url(bullet.gif) top left no-repeat;
  465.     text-align: left;
  466.     padding-left: 20px;
  467.     margin-bottom: 5px;
  468. }
  469.  
  470. #main li a {
  471.     color: black;
  472.     text-decoration: none;
  473.     border-bottom: 1px dashed rgb(150, 150, 150);
  474. }
  475.  
  476. #main li a:hover, a:focus{
  477.     border-bottom: 1px solid black;
  478. }
  479.  
  480. #main li a:active {
  481.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  482. }
  483.  
  484. .article {
  485.     margin-left: 5px;
  486.     margin-right: 3px;
  487.     margin-bottom: 10px;
  488. }
  489.  
  490. .article h3 {
  491.     padding: 5px;
  492.     font-size: 1.5em;
  493.     color: black;
  494.     font-weight: normal;
  495.     margin-left: -3px;
  496.     margin-right: -3px;
  497.     text-align: left;
  498.     padding-right: 10px;
  499.     background: url(article_title.jpg) bottom center no-repeat;
  500.     padding-bottom: 20px;
  501. }
  502.  
  503. body.no-sidebar .article h3 {
  504.     background: url(article_title.jpg) bottom left no-repeat;
  505. }
  506.  
  507. .article h3 a {
  508.     color: black;
  509.     padding: 3px;
  510.     text-decoration: none;
  511.     border-bottom: 1px dashed rgb(150, 150, 150);
  512. }
  513.  
  514. .article h3 a:hover, a:focus{
  515.     border-bottom: 1px solid black;
  516.     text-decoration: none;
  517. }
  518.  
  519. .article h3 a:active {
  520.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  521. }
  522.  
  523. a {
  524.     color: black;
  525.     text-decoration: none;
  526.     border-bottom: 1px dashed rgb(150, 150, 150);
  527. }
  528.  
  529. a:hover, a:focus{
  530.     border-bottom: 1px solid black;
  531. }
  532.  
  533. a:active {
  534.     text-shadow: 0px 0px 5px rgb(250, 255, 0);
  535. }
  536.  
  537. .article img {
  538.     border: none;
  539. }
  540.  
  541. .article img.narrow {
  542.     float: left;
  543.     margin-right: 10px;
  544.     margin-bottom: 10px;
  545. }
  546.  
  547. .article-thumbnail {
  548.     float: left;
  549.     margin-right: 10px;
  550.     margin-bottom: 10px;
  551. }
  552.  
  553. .callout-container {
  554.     background: url(article_sidebar_bkgd.jpg) left repeat-y;
  555.     float: right;
  556.     display: block;
  557.     width: 220px;
  558.     margin: 10px;
  559.     margin-right: -10px;
  560.     margin-top: 0px;
  561. }
  562.  
  563. .no-sidebar .callout-container {
  564.     margin-right:0px;
  565. }
  566.  
  567. .callout {
  568.     text-align: center;
  569.     background: url(article_sidebar_bottom.jpg) bottom left no-repeat;
  570.     padding-bottom: 20px;
  571. }
  572.  
  573. .callout .pagelet.i1 {
  574.     background: url(article_sidebar_top.jpg) top left no-repeat;
  575.     padding-top: 10px;
  576. }
  577.  
  578. .callout p, .callout .pageletIntroduction, .callout .caption {
  579.     text-align: left;
  580.     margin-left: 14px;
  581.     margin-right: 16px;
  582. }
  583.  
  584. .callout li {
  585.     text-align: left;
  586.     margin-left: 20px;
  587.     padding-right: 20px;
  588. }
  589.  
  590. .callout h4 {
  591.     font-weight: normal !important;
  592.     font-size: 1.3em !important;
  593.     line-height: normal;
  594.     text-shadow: none;
  595. }
  596.  
  597. .callout h4.replaced {
  598.     font-size: 3em !important;
  599. }
  600.  
  601.  
  602. body.allow-sidebar #page-bottom {
  603.     background: url(footer.jpg) no-repeat center;
  604. }
  605.  
  606. body.no-sidebar #page-bottom {
  607.     background: url(footer_no_sidebar.jpg) no-repeat center;
  608. }
  609.  
  610. #page-bottom {
  611.     font-size: 1em;
  612.     text-transform: uppercase;
  613.     text-align: center;
  614.     color: white;
  615.     text-shadow: 0px 1px 2px black;
  616.     height: 40px;
  617.     padding-top: 138px;
  618. }
  619.  
  620. #page-bottom div {
  621.     margin:15px auto;
  622.     line-height:20px;
  623.     height:20px;
  624.     width:690px;
  625.     overflow:hidden;
  626. }
  627.  
  628. #page-bottom p {
  629.     display:inline;
  630. }
  631.  
  632. #page-bottom p+p:before {
  633.     content:' \002022  ';
  634. }
  635.  
  636.  
  637. div.photo-viewer-summary .article {
  638.     margin: auto;
  639. }
  640.  
  641. .HTMLElement {
  642.     margin-bottom: 10px;
  643. }
  644.  
  645. .ImageElement, .VideoElement {
  646.     text-align: center;
  647. }
  648.  
  649. .photo-page .ImageElement {
  650.     margin-top:24px;
  651. }
  652.  
  653. .callout .ImageElement {
  654.     margin-top:15px;
  655.     margin-left:-2px;
  656. }
  657.  
  658. /* Hides from IE5-mac \*/
  659. * html .callout .ImageElement {
  660.     margin-top:25px;
  661.     margin-left:-1px;
  662. }
  663. /* End hide from IE5-mac */
  664.  
  665.  
  666.  
  667. .caption {
  668.     padding: 10px;
  669.     font-size: 1.5em;
  670. }
  671.  
  672. /* Used on Photo Grid Pages ... */
  673. .photogrid-index {
  674.     text-align: center;
  675.     margin: auto;
  676.     margin: 10px;
  677.     margin-left: -3px;
  678.     padding: 5px;
  679.     padding-left: 2px;
  680.     border-top: 1px solid rgb(100, 100, 100);
  681.     border-bottom: 1px solid rgb(100, 100, 100);
  682.     overflow: auto;
  683.     width: 477px;
  684. }
  685.  
  686. body.no-sidebar .photogrid-index {
  687.     width:666px;
  688.     padding-left:35px;
  689. }
  690.  
  691. * html .photogrid-index {
  692.     width: 475px;
  693.     padding:0px;
  694.     border:none;
  695.     margin:0px;
  696.     overflow:hidden;
  697. }
  698.  
  699. * html body.no-sidebar .photogrid-index {
  700.     width:664px;
  701. }
  702.  
  703.  
  704.  
  705. .photogrid-index a {
  706.     color:#fff;
  707.     text-decoration:none;
  708. }
  709.  
  710. .photogrid-index a:hover  {
  711.     text-decoration:underline;
  712. }
  713.  
  714. .gridItem {
  715.     float: left;
  716.     position:relative;
  717.     height: 209px;    /* room for caption */
  718.     width: 156px; 
  719.     padding-left:6px;
  720.     margin: 1px;
  721.     margin-right:-6px; /* cover up the extra width */
  722.     background: url(photo_tile.jpg) no-repeat;
  723. }
  724.  
  725. * html .gridItem img {
  726.     position: relative;
  727.     top:17px;
  728. }
  729.  
  730.  
  731. .gridItem h3 {
  732.     font-size: 0.9em;
  733.     font-weight:normal;
  734.     text-transform: uppercase;
  735.     color: white;
  736.     margin-top: 4px;
  737.     margin-left: 9px;
  738.     margin-right: 7px;
  739.     text-shadow: 0px 1px 2px black;
  740.     height: 50px;
  741.     overflow: hidden;
  742.     position:absolute;
  743.     top: 147px; /* needs to leave 38px from the bottom of the gridItem¬†*/
  744.     width: 132px;
  745. }
  746.  
  747. * html .gridItem h3 {
  748.     position: relative;
  749.     top: 12px;
  750. }
  751.  
  752. .gridItem img {
  753.     border: 1px solid rgb(100, 100, 100);
  754.     margin: 0px auto 0px auto;
  755.     position: absolute;
  756.     bottom: 63px;
  757.     right: 0;
  758.     left: 0;
  759. }
  760.  
  761.  
  762.  
  763.  
  764. /* Used on index summary pages */
  765. .listing-index li h3 a {
  766.     text-decoration:none;
  767.     font-size:1em;
  768.     font-weight:normal;
  769. }
  770.  
  771. /* Individual Photo Pages */
  772.  
  773. .photo-navigation {
  774.     position: absolute;
  775.     height: 80px;
  776.     width:700px;
  777.     top:300px;
  778. }
  779.  
  780.  
  781. .photo-navigation div {
  782.     width: 77px;
  783.     height: 73px;
  784.     text-indent: -5000em;
  785.     position: absolute;
  786.     top:26px;
  787. }
  788.  
  789. .photo-navigation a {
  790.     width:100%;
  791.     height:100%;
  792.     display:block;
  793.     border:none;
  794. }
  795.  
  796. .photo-navigation a:hover {
  797.     border:none;
  798. }
  799.  
  800. .allow-sidebar .photo-navigation div {
  801.     height:66px;
  802.     top:33px;
  803. }
  804.  
  805. .allow-sidebar #previous-photo    {
  806.     background: url(photo-buttons-sidebar-off-1.jpg)        no-repeat;
  807.     left: 479px;
  808. }
  809.  
  810. .allow-sidebar #previous-photo a {
  811.     background: url(photo-buttons-sidebar-01.jpg)        no-repeat;
  812. }
  813.  
  814. .allow-sidebar #next-photo {
  815.     width: 76px;
  816.     background: url(photo-buttons-sidebar-off-3.jpg)        no-repeat;
  817.     left: 625px;
  818. }
  819. .allow-sidebar #next-photo a {
  820.     background: url(photo-buttons-sidebar-03.jpg)        no-repeat;
  821. }
  822.  
  823. .allow-sidebar #photo-list {
  824.     width: 69px;
  825.     height:99px;
  826.     background: url(photo-buttons-sidebar-off-2.jpg)        no-repeat;
  827.     left: 556px;
  828.     top:0px;
  829. }
  830. .allow-sidebar #photo-list a {
  831.     background: url(photo-buttons-sidebar-02.jpg)        no-repeat;
  832. }
  833.  
  834.  
  835. .no-sidebar #previous-photo    {
  836.     background: url(photo-buttons-disabled.jpg)        no-repeat;
  837.     left: 474px;
  838. }
  839. .no-sidebar #previous-photo a {
  840.     background: url(photo-buttons.jpg)        no-repeat;
  841. }
  842.  
  843. .no-sidebar #next-photo {
  844.     width: 75px;
  845.     background: url(photo-buttons-disabled-03.jpg)        no-repeat;
  846.     left: 625px;
  847. }
  848. .no-sidebar #next-photo a {
  849.     background: url(photo-buttons-03.jpg)        no-repeat;
  850. }
  851.  
  852. .no-sidebar #photo-list {
  853.     height:99px;
  854.     width: 77px;
  855.     background: url(photo-buttons-disabled-02.jpg)        no-repeat;
  856.     left: 550px;
  857.     top:0px;
  858. }
  859. .no-sidebar #photo-list a {
  860.     background: url(photo-buttons-02.jpg)        no-repeat;
  861. }
  862.  
  863.  
  864.  
  865. .image-controls a, .image-controls a:hover {
  866.     border:0px none;
  867. }
  868.  
  869.  
  870.  
  871.  
  872.  
  873. /* IE 5/5.5 Hackery */
  874.  
  875. @media tty {
  876. i{content:"\";/*" "*/}} @import 'ie.css'; /*";}
  877. }/* */
  878.  
  879. /* IE:Mac Hackery */
  880.  
  881. /*\*//*/
  882.  
  883. #title h1 {
  884.     padding-top:60px!important;
  885.     margin-bottom:0px!important;
  886. }
  887.  
  888. #title p {
  889.     top:0px!important;
  890. }
  891.  
  892.  
  893. body.allow-sidebar #main {
  894.     float: left;
  895.     width: 470px;
  896.     font: 1em Georgia, Times, serif;
  897. }
  898.  
  899. #sidebar {
  900.     float: right;
  901.     width: 209px;
  902.     word-wrap: break-word;
  903.     font: 0.8em Georgia, Times, serif;
  904.     text-align: center;
  905.     margin-right: 15px;
  906.     margin-top: -25px;
  907. }
  908.  
  909. h2 {
  910.     margin-top: -50px;
  911.     margin-bottom: 10px;
  912. }
  913.  
  914. .callout-container {
  915.     padding:0px!important;
  916.     margin-right:-30px;
  917. }
  918.  
  919. .callout {
  920.     margin:0px!important;
  921. }
  922.  
  923. #main .pagelet {
  924.     margin-left:0px!important;
  925. }
  926.  
  927. .article {
  928.     margin:0;
  929.     margin-top: -10px;
  930.     background: none;
  931.     border: none;
  932.     padding-bottom: 0;
  933.     padding-top: 0;
  934. }
  935.  
  936. #sitemenu {
  937.     margin-top: 0px;
  938. }
  939.  
  940. #sitemenu-container {
  941.     background: url(top_bottom.jpg) no-repeat bottom;
  942.     clear: both;
  943.     padding-top: 0px;
  944.     height: 62px;
  945.     margin-top: 0px;
  946.     margin-bottom: 0px;
  947. }
  948.  
  949. #sitemenu-content ul {
  950.     margin: 0px 0px 10px 35px !important;
  951.     background: url(links_no_bars.jpg) top repeat-x !important;
  952.     width: 680px;
  953.     height: 14px;
  954.     padding: 6px 10px 14px 10px!important;
  955.     line-height:2em;
  956. }
  957.  
  958. #sitemenu-content li {
  959.     background: none !important;
  960.     display: inline;
  961.     float: none;
  962.     margin-top: 10px !important;
  963.     padding:0px 5px 0px 0px!important;
  964. }
  965.  
  966. #sitemenu-content span.in {
  967.     background: none !important;
  968.     display: inline !important;
  969.     margin-top: 10px !important;
  970.     padding:0px !important;
  971. }
  972.  
  973.  
  974. #sitemenu-content a{
  975.     color: black !important;
  976. }
  977.  
  978. #sitemenu-content a:hover, a:focus{
  979.     text-decoration: underline !important;
  980. }
  981.  
  982. #sitemenu-content li.currentPage span.in  {
  983.     color: black !important;
  984.     text-decoration: underline !important;
  985. }
  986.  
  987. .article p {
  988.     clear: none;
  989. }
  990.  
  991. .article a {
  992.     text-decoration: underline;
  993.     border-bottom: none;
  994. }
  995.  
  996. .article a:hover, a:focus, a:active {
  997.     border-bottom: none;
  998.     color: black;
  999. }
  1000.  
  1001. .article-summary {
  1002.     padding: 0;
  1003.     margin: 0;
  1004.     clear: none;
  1005. }
  1006.  
  1007. #page-bottom p {
  1008.     margin-top: 0;
  1009. }
  1010.  
  1011. /**/
  1012.